<div
  class="main-sidebar sidebar-style-2"
  tabindex="1"
  style="overflow: hidden; outline: none"
>
  <aside id="sidebar-wrapper">
    <div class="sidebar-brand">
      <a href="index.html">
        <img alt="image" src="assets/img/logo.png" class="header-logo" />
        <span class="logo-name">Aegis</span>
      </a>
    </div>
    <div class="sidebar-user">
      <div class="sidebar-user-picture">
        <img alt="image" src="assets/img/users/user-3.png" />
      </div>
      <div class="sidebar-user-details">
        <div class="user-name">{{userName}}</div>
        <div class="user-role">{{userRole}}</div>
      </div>
    </div>
    <ul class="sidebar-menu">
      {{menuItems}}
    </ul>
  </aside>
</div>
